<script type="text/javascript">
	$('body').css("background-color","#FFFFFF");
</script>
<div class="row">
	<div class="col-md-3">
		<include file="user" />
	</div>
	<div class="col-md-9" style="border-radius:5px;border:solid 2px #F2F2F2;margin-top:20px">
		<div class="row">
			<include file="nav" />
		</div>
		<div class="row">
			<hr>
			<div class="col-md-12">
				<p class="bg-success" style="padding:20px">
					帐号过期时间:2020202
					<br>
					帐号：asasas
					<br>
					密码：asasas
					<br>
					端口：11211
					<br>
					Shadowsocks加密方式:aes-128-cfb
					<br>
					<span>
						<button class="btn btn-info glyphicon glyphicon-qrcode"> 二维码生成</button>

						<a href="" class="btn btn-default glyphicon glyphicon-circle-arrow-down"> 客户端下载</a>
					</span>
				</p>
			</div>

			<div class="col-md-12">
				<p><h3>周额度</h3><h3 class="text-right">2GB/10GB</h3></p>
				<p>
					<div class="progress">
						 <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">20%</div>

					</div>
				</p>
			</div>
			<div class="col-md-12">
				<p><h3>月额度</h3><h3 class="text-right">30GB/50GB</h3></p>
				<p>
					<div class="progress">
						 <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">60%</div>
					</div>

				</p>
			</div>
			<div class="col-md-12">
				<p><h3>总额度</h3><h3 class="text-right">900GB/1000GB</h3></p>
				<p>
					<div class="progress">
						 <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">90%</div>
					</div>

				</p>
			</div>
			<div class="col-md-12" style="margin:20px">
				<button class="btn btn-default glyphicon glyphicon-list-alt">
					近30天流量明细
				</button>
				<button class="btn btn-primary glyphicon glyphicon-envelope">
						提交工单
					
				</button>
			</div>		


		</div>
	</div>
</div>